<template>
  <div id="app">
    <!-- 输入框 -->
    <InputBox/>
    
    <!-- 统计 -->
    <Suammry/>
    
    <!-- 任务列表 -->
    <Box/>
    
  </div>
</template>

<script>
import InputBox from './components/InputBox.vue'
import Suammry from './components/Suammry.vue'
import Box from './components/Box.vue'

export default {
  components:{
    InputBox,
    Suammry,
    Box
  },
  data(){
    return {
      taskName:'',
      tasklist:[]
    }
  },
  methods:{
    addTask(){

    },
    changeStatus(){

    }
  },
  computed:{
    unFinishCount(){
      return 0
    }
  }
}
</script>

<style lang="scss">
*{
    margin: 0;padding: 0;
}
#app{
    margin: 10px;
}



</style>
